<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>百度一下，你就知道</title>
	<link rel="shortcut icon" href="./images/favicon.ico">
	<link rel="stylesheet" type="text/css" href="./stylesheet/baidu.css"/>
</head>
<body>
	<div class="s-skin-container"></div>
	<div id="container">
		<div class="s-top-wrap" style="display: none;">
			<div style="width:895px;margin:0 auto;">
				<img src="./images/logo_top.png" alt="到百度首页" title="到百度首页" class="top-img" style="display: none;">
				<form action="https://www.baidu.com/s" method="get" target="_blank" class="top-form" style="position: relative;bottom: 38px;">
					<span class="soutu-btn"></span>
					<input type="text" id="text" name="wd">
					<input type="submit" value="百度一下" id="btn">
				</form>
			</div>
			
		</div>
		<!-- 百度首页顶部菜单栏 -->
		<header class="header">
			<!-- 左侧菜单栏  -->
			<nav class="home" style="visibility: hidden;">
				<div class="weather-mod">
					<div class="show-weather">
						<span class="show-city">
							<em class="show-city-name" data-key="哈尔滨"> 哈尔滨： </em>
						</span>
						<span class="show-icon">
							<span class="weather-icon"></span>
							<em class="show-icon-temp">16℃</em>
						</span>
					</div>
					<div class="show-pollution">
						<span class="show-airParm">
							<em class="show-polution-name">优</em>
							<em class="show-polution-num">46</em>
						</span>
						<span class="show-vertical">|</span>
					</div>
				</div>
				<a href="http://vip.baidu.com/act/xuyuan" target="_blank">宝箱</a>
				<a href="#" class="skin no-fade">换肤</a>
				<a href="#">消息</a>
			</nav>
			<!-- 右侧菜单栏 -->
			<nav class="menu">
				<strong><a href="http://www.nuomi.com/?cid=002540" target="_blank">糯米</a></strong>
				<strong><a href="http://news.baidu.com/" target="_blank">新闻</a></strong>
				<strong><a href="https://www.hao123.com/" target="_blank">hao123</a></strong>
				<strong><a href="http://map.baidu.com/" target="_blank">地图</a></strong>
				<strong><a href="http://v.baidu.com/" target="_blank">视频</a></strong>
				<strong><a href="http://tieba.baidu.com/">贴吧</a></strong>
				<a href="javascript:void(0)" class="login">登录</a>
				<a href="http://www.baidu.com/gaoji/preferences.html" target="_blank">设置</a>
				<a href="javascript:;" class="more">更多产品</a>
			</nav>
			<div class="bdbri bdbriimg" style="opacity: 1; min-height: 600px; display: none;">
				<div class="bdmainlink">
					<div class="bdbriimgtitle">更多产品</div>
					<div class="briscrollwrapperContainer">
						<div class="briscrollwrapper bdbriscroll-ctrl-content bdbriscroll-onwheel">
							<div class="bdbriwrapper">
								<div class="bdbriwrapper-a">
								</div>
								<div class="bdbrievenmore">
									<a href="//www.baidu.com/more/" name="tj_more">全部产品&gt;&gt;</a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</header>
		
		<!-- 换肤 -->
		<div id="s_skin_layer" class="s-skin-layer no-fade" style="z-index: 100;">
			<div class="s-skin-border">
				<div class="s-skin-arrow"></div>
			</div>
			<div class="s-skin-layer-cell">
				<div class="s-skin-header">
					<ul class="s-skin-nav">

						<!-- 换肤菜单start -->

						<!-- 换肤菜单end -->

						<li class="nav-vertial">
							<div class="nav-vertial-border"></div>
						</li>
						<li class="skin-nav">
							<span class="skinnav-nav-name">自定义</span>
						</li>
						<li class="skin-nav">
							<span class="skinnav-nav-name">最近使用</span>
						</li>
					</ul>
					<div class="s-skin-setting">
						<div class="s-skin-up">
							<span class="bg"></span>
							<span class="title">收起</span>
						</div>
					</div>
				</div>
				<div class="s-skin-photo-body">
					<div id="s_skin_img_content" class="s-skin-border-content">
						<ul class="s-skin-content">
							<!-- 换肤图片start -->

							<!-- 换肤图片end -->
						</ul>
					</div>
				</div>
			</div>
		</div>

		<!-- 百度首页中间内容 -->
		<article class="content">
			<!-- 百度LOGO -->
			<img class="logo-white" src="./images/baidu.png"/>
				
			<!-- 输入框和提交按钮 -->
			<form action="https://www.baidu.com/s" method="get" target="_blank" class="top-form top-form-origin">
				<span class="soutu-btn"></span>
				<input type="text" id="text" name="wd">
				<input type="submit" value="百度一下" id="btn">
			</form>
		</article>

		<!-- 推送内容 -->
		<div id="s_wrap" style="visibility: hidden;">
			<div id="s_main" class="main clearfix">
				<div id="s_mancacrd_main" class="s-mancacrd-main">
					<!-- 内容导航栏 -->
					<div class="s-menu-container">
						<div id="s_menu_gurd" class="s-menu-gurd">
							<div id="s_ctner_menus" class="s-ctner-menus">
								<ul>
									<li class="s-menu-item icon-item">
										<div class="mine-text"><span class="mine-icon"></span>我的关注</div>
									</li>
									<li class="s-menu-item choose-menu">
										<div class="mine-text">推荐</div>
									</li>
									<li class="s-menu-item">
										<div class="mine-text">导航</div>
									</li>
									<li class="s-menu-item">
										<div class="mine-text">视频</div>
									</li>
									<li class="s-menu-item">
										<div class="mine-text">购物</div>
									</li>
									<li class="set-item">
										<span id="menu_set" class="menu-setting" title="设置"></span>
									</li>
								</ul>
							</div>
						</div>
					</div>
					<!-- 内容信息 -->
					<div id="s_ctner_contents" class="s-ctner-contents">
						<!-- 我的关注 -->
						<div id="s_content_1" class="s-content" data-id="1">
							<div id="s_xmancard_mine" class="s-xmancard-mine s-xmancard">
								<div class="s-mine-wrapper">
									<div class="s-mblock-title">
										<div class="mine-title-icon"><span></span></div>
										<span class="mine-title-text">我的导航</span>
										<span class="mine-title-num">(0)</span>
									</div>
									<div class="tips-manager-area">
										<span class="manager-btn-icon"></span>
										<span class="manager-btn-text">自定义</span>
									</div>
								</div>
							</div>
						</div>
						<!-- 推荐 -->
						<div id="s_content_2" class="s-content" data-id="2" style="display: block;">
							<div id="s_xmancard_news" class="s-xmancard-news s-xmancard s-news-split">
								<div class="s-news-wrapper clearfix">
									<div class="s-news-rank-wrapper">
										<div class="s-rank-title s-opacity-border1-bottom">
											<div class="title-text">
												<a href="http://top.baidu.com/?fr=mhd_card" target="_blank">实时热点</a>
											</div>
											<a class="hot-refresh">
												<span class="hot-refresh-icon"></span>
												<span class="hot-refresh-text">换一换</span>
											</a>
										</div>
										<ul class="s-news-rank-content">
											<!-- 侧边新闻start -->

											<!-- 侧边新闻end -->
										</ul>
									</div>
									<div class="news-flash-tips">
										<div class="left-line s-opacity-blank8"></div>
										<div class="tips-content">
											<div class="tips-icon"></div>
											<span>以下信息根据您的兴趣推荐</span>
										</div>
										<div class="right-line s-opacity-blank8"></div>
									</div>
								</div>
								<div class="water-container">
									<div class="s-news-list-wrapper">
										<!-- 中间新闻start -->

										<!-- 中间新闻end -->
									</div>
								</div>
							</div>
						</div>
						<!-- 导航 -->
						<div id="s_content_3" class="s-content" data-id="3">
							<div id="s_xmancard_nav" class="s-xmancard-nav s-xmancard">
								<div class="s-nav-area clearfix">
									<h1>猜你喜欢</h1>
									<div class="fanli-nav nav-item">
										<a href="http://www.nuomi.com/?vip_frm=super_nav_vip" title="百度糯米" class="nav-block" target="_blank">
											<img class="like-img" src="./images/9483.png">
											<span class="nav-txt">百度糯米</span>
										</a>
									</div>
									<div class="fanli-nav nav-item ">
										<a href="http://www.jd.com/?vip_frm=super_nav_vip" title="京东商城" class="nav-block" target="_blank">
											<img  class="like-img" src="./images/95541.png">
											<span class="nav-txt">京东商城</span>
										</a>
									</div>
								</div>
								<div class="s-nav-area clearfix">
									<h1>资讯信息</h1>
									<div class="fanli-nav nav-item">
										<a href="http://www.qq.com/" title="腾讯网" class="nav-block" target="_blank">
											<img height="100%" width="auto" style="margin-left: 15px;" src="./images/9825bc.jpg">
										</a>
									</div>
									<div class="fanli-nav nav-item">
										<a href="http://www.sina.com.cn/" title="新浪网" class="nav-block" target="_blank">
											<img height="100%" width="auto" style="margin-left: 15px;" src="./images/50da81.jpg">
										</a>
									</div>
								</div>
							</div>
						</div>
						<!-- 视频 -->
						<div id="s_content_4" class="s-content" data-id="4">
							<div id="s_xmancard_video" class="s-xmancard-video s-xmancard">
								<div class="s-video-wrapper">
									<!-- 视频列表star -->

									<!-- 视频列表end -->
								</div>
							</div>
						</div>
						<!-- 购物 -->
						<div id="s_content_5" class="s-content" data-id="5">
							<div id="s_xmancard_shopping" class="s-xmancard-shopping s-xmancard">
								<div class="s-shopping-wrapper">
									<div class="shopping-card-item">
										<div class="shopping-card-imgwrapper">
											<a class="img" href="http://vip.baidu.com/p_27718?=&amp;vip_frm=mhd_gouwu_xq" target="_blank">
												<img src="./images/shopping1.jpg">
												<div class="mask top">
													<span class="bsTitle">力拓稻源香当季鲜米</span>
												</div>
												<div class="cover"></div>
												<div class="cover right"></div>
												<div class="mask">
													<span class="bsTitle">百度返现</span>
													<span class="percentdesc">56%</span>
												</div>
											</a>
										</div>
									</div>
									<div class="shopping-card-item">
										<div class="shopping-card-imgwrapper">
											<a class="img" href="http://vip.baidu.com/p_27718?=&amp;vip_frm=mhd_gouwu_xq" target="_blank">
												<img src="./images/shopping2.jpg">
												<div class="mask top">
													<span class="bsTitle">倍加洁软毛牙刷</span>
												</div>
												<div class="cover"></div>
												<div class="cover right"></div>
												<div class="mask">
													<span class="bsTitle">百度返现</span>
													<span class="percentdesc">60%</span>
												</div>
											</a>
										</div>
									</div>
									<div class="shopping-card-item">
										<div class="shopping-card-imgwrapper">
											<a class="img" href="http://vip.baidu.com/p_27718?=&amp;vip_frm=mhd_gouwu_xq" target="_blank">
												<img src="./images/shopping3.jpg">
												<div class="mask top">
													<span class="bsTitle">惠普 F320 行车记录仪</span>
												</div>
												<div class="cover"></div>
												<div class="cover right"></div>
												<div class="mask">
													<span class="bsTitle">历史最低</span>
													<span class="percentdesc">直降400元</span>
												</div>
											</a>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					
					<!-- 回到顶部 -->
					<div id="s_top_feed" class="top-feed">
						<div class="to-top">
							<div class="icon-mask">回到顶部</div>
							<span class="icon"></span>
						</div>
					</div>
				</div>
			</div>
		</div>

		<!-- 页脚内容 -->
		<footer class="footer">
			<p class="about">
				<a href="https://www.baidu.com/cache/sethelp/help.html" target="_blank">把百度设为首页</a>
				&nbsp;&nbsp;&nbsp;&nbsp;
				<a href="http://home.baidu.com/" target="_blank">关于百度</a>
				&nbsp;&nbsp;&nbsp;&nbsp;
				<a href="http://ir.baidu.com/" target="_blank">About Baidu</a>
			</p>
			<!-- 版权声明 -->
			<p class="copyright">
				<span>©2015 Baidu</span>
				<a href="http://www.baidu.com/duty/" target="_blank">使用百度前必读</a>
				<a href="http://jianyi.baidu.com/" target="_blank">意见反馈</a>
				<span>京ICP证030173号</span>
				<img src="./images/icon.png" alt="icon">
			</p>	
		</footer>
	</div>

	<!-- 登录蒙层 -->
	<div id="passport-login" style="display: none;">
		<!-- 蒙层背景 -->
		<div class="background"></div>
		<div class="foreground">
			<!-- 账号登陆标题 -->
			<div class="title">
				<span id="titleText">登录百度帐号</span>
				<div class="buttons">
					<a class="close-btn" href="#"></a>
				</div>
			</div>
			<!-- 账号登陆信息填写 -->
			<div class="body">
				<div class="pass-login">
					<form id="form" class="pass-form" method="POST" autocomplete="off">
						<p id="smsSwitchWrapper">
							<a title="短信快捷登录">短信快捷登录</a>
						</p>
						<!-- 用户名 -->
						<p id="userNameWrapper" class="pass-form-item">
							<label for="userName" id="userNameLabel" class="pass-label">手机/邮箱/用户名</label>
							<input id="userName" type="text" name="userName" class="pass-text-input" autocomplete="off" placeholder="手机/邮箱/用户名">
							<span id="userName_clearbtn" class="pass-clearbtn" style="display: none;"></span>
						</p>
						<!-- 密码 -->
						<p id="passwordWrapper" class="pass-form-item">
							<label for="password" id="passwordLabel" class="pass-label">密码</label>
							<input id="password" type="password" name="password" class="pass-text-input" placeholder="密码">
							<span id="password_clearbtn" class="pass-clearbtn" style="display:none;"></span>
						</p>
						<p id="memberPassWrapper" class="pass-form-item">
							<input id="memberPass" type="checkbox" name="memberPass" checked="checked">
							<label for="memberPass" id="memberPassLabel">下次自动登录</label>
						</p>
						<p id="submitWrapper" class="pass-form-item">
							<span id="submit" type="submit" value="登录" class="pass-button">登录</span>
							<a class="pass-reglink" href="https://passport.baidu.com/v2/?reg&amp;tt=1460442728916&amp;gid=371CF36-1E38-407C-AD8E-414C9043AE28&amp;tpl=mn&amp;u=https%3A%2F%2Fwww.baidu.com%2F" target="_blank">立即注册</a>
							<a class="pass-fgtpwd" href="https://passport.baidu.com/?getpassindex&amp;tt=1460442728916&amp;gid=371CF36-1E38-407C-AD8E-414C9043AE28&amp;tpl=mn&amp;u=https%3A%2F%2Fwww.baidu.com%2F" target="_blank">登录遇到问题</a>
						</p>
					</form>
				</div>
				<!-- 其他登录方式 -->
				<div id="pass-phoenix-login">
					<div class="pass-phoenix-title">可以使用以下方式登录</div>
					<div class="pass-phoenix-btn">
						<ul class="bd-acc-list">
							<li>
								<a class="phoenix-btn-item aqzone" href="#" title="QQ帐号">QQ帐号</a>
							</li>
							<li>
								<a class="phoenix-btn-item atsina" href="#" title="新浪微博">新浪微博</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>


	<script type="text/javascript" src="./javascript/jquery-2.2.1.min.js"></script>
	<script type="text/javascript" src="./javascript/jquery.mousewheel.js"></script>
	<script type="text/javascript" src="./javascript/data.js"></script>
	<script type="text/javascript" src="./javascript/baidu.js"></script>
</body>
</html>